<demo>常规使用</demo>

<template>
    <Button @click="toggle">toggle</Button>
    <Dialog  v-model:visible="visible" :closeOnclickOverlay="false"
    :ok="f1" :cancal="f2">
        <template #content>
            <strong>hi</strong>
            <div>hi2</div>
        </template>
        <template #title>
            <strong>加粗的标题</strong>
        </template>
    </Dialog>
</template>

<script setup lang="ts">
import Dialog from '../lib/Dialog.vue'
import Button from '../lib/Button.vue';
import { ref } from 'vue';

const visible = ref(false)

const toggle = () => {
    visible.value = !visible.value
}

const f1 = () => {
}
const f2 = () => {
}

</script>

<style scoped>

</style>